@charset 'utf-8';
// header
#header{
    // 导航
    >.header-fir{
        background-color:#F2F2F2 ;
        height:30px;
        line-height:30px;
        border-bottom:1px solid #E5E5E5;

        >.wrapper-inner{
            font-size:12px;
            display: flex;
            justify-content:space-between;
    
            >.fir-left{
                height: 100%;

                span{
                    padding: 0 5px;
                    >a{
                        color:#6C6C6C;
                        &:hover{
                            color:#FF5A1E;
                        }
                    }
                }

                >.user-now{
                    position: relative;
                    width: 80px;
                    height: 30px;
                    >a{
                        display: inline-block;
                        height:  30px;
                        width: 80px;
                        text-align: center;
                    
                       &:hover{
                           background-color: #fff;
                           border-left: 1px solid #E5E5E5;
                           border-right: 1px solid #E5E5E5;
                           >.shopping-user{
                               display: block;
                           }
                       }

                       >.shopping-user{
                        position: absolute;
                        left: 5px;
                        top: 23px;
                        width: 266px;
                        height: 122px;
                        border: 1px solid #E5E5E5;
                        border-top: 0;
                        padding: 5px;
                        font-size: 12px;
                        display: none;
                        background-color: #fff;
                        z-index: 999999;
                        color: #000;

                        >.user-msg{
                            width: 100%;
                            height: 80px;

                            >.user-img{
                                float: left;
                                width: 80px;

                                >span{
                                    display: inline-block;
                                    width: 54px;
                                    height: 54px;
                                    border-radius: 50%;
                                    background-image:url('../img/user-img.jpg');
                                    background-position: center center;
                                    margin: 10px 0 0 20px;

                                }
                            }

                            >.msg-detail{
                                float: right;
                                width: 158px;

                                >.account-manage{
                                    >span{
                                        padding: 0 5px;
                                        color:#000;
                                    }
                                    >span:first-child{
                                        border-right: 2px solid #E2E2E2;
                                    }
                                }

                                p{
                                    line-height: 20px;
                                    text-align: left;
                                }
                            }
                        }

                        >.more-private{
                            width: 100%;
                            height: 26px;
                            line-height: 26px;
                            text-align: center;
                            font-size: 12px;
                            border: 1px solid #FFE8DE;
                            background-color: #FFF0E8;
                            margin-top: 5px;
                        }
                        }
                    }
                    >i{
                        position: absolute;
                        right: 20px;
                        top:-8px;
                        font-size: 8px;
                        font-weight: 700;
                        color: #A4A4A4;
                    }
                    
                }

            }
    
            >.fir-right{
                float:right;
                >ul>li{
                    display: inline-block;
                    line-height:30px;
                    padding: 0 5px;
                    position: relative;
                    z-index: 9999999;
                 
                    >a{
                        // display:inline-blosck;
                        float: left;
                        height:32px;
                        color:#000;
                        &:hover{
                             color:#FF4400;

                        }
                        >i{
                            color:#FF4400;
                        }
                    }

                    .shopping-pull{
                        // position: absolute;
                        float: right;
                        right: 20px;
                        top:0px;
                        font-size: 8px;
                        font-weight: 700;
                        color: #A4A4A4;
                        margin-left: 5px;

                    }
                    
                    // 我的淘宝
                    &:nth-child(2){
                        position: relative;
                        padding-right: 15px;
    
                        &:hover{
                            background-color:#fff;
                        }
    
                        >.mygoods{
                            position: absolute;
                            left:-1px;
                            top:30px;
                            width:90px;
                            height:54px;
                            overflow: hidden;
                            line-height:26px;
                            text-align:center;
                            border:1px solid #F2F2F2;
                            border-top:none;
                            visibility: hidden;
                            background-color: #fff;
    
                            >a{
                                display: inline-block;
                                width: 100%;
                                height: 24px;
                                line-height: 24px;
                                text-align:center;
                                color: #666666;

                                &:hover{
                                    background-color: #d3d3d3;
                                }
                            }
      
                        }
    
                        &:hover>.mygoods{
                            visibility: visible;
                        }
    
                        &:hover>a{
                            color:#FF4400;
                        }
                    }
                    // 购物车
                    &:nth-child(3){
                        height: 32px;
                        &:hover{
                            background-color: #fff;
                        }
                        >a{
                            >i,span{
                                color: #FF4400;
                            }
                            >span{
                                font-weight: 700;
                            }
                        }
                    }

                    // 收藏夹
                    &:nth-child(4){
                        height: 32px;
                        &:hover{
                            background-color: #fff;
                        }
                        >a{
                            >i{
                                color: #9C9C9C;
                            }
                        }

                        >.mygoods{
                            position: absolute;
                            left:-1px;
                            top:30px;
                            width:90px;
                            height:54px;
                            overflow: hidden;
                            line-height:26px;
                            text-align:center;
                            border:1px solid #F2F2F2;
                            border-top:none;
                            visibility: hidden;
                            background-color: #fff;
                            >a{
                                display: inline-block;
                                width: 100%;
                                height: 24px;
                                line-height: 24px;
                                text-align:center;
                                color: #666666;

                                &:hover{
                                    background-color: #d3d3d3;
                                }
                            }
                        }
                        &:hover>.mygoods{
                            visibility: visible;
                        }
                        &:hover>a{
                            color:#FF4400;
                            >i{
                            color:#FF4400;
                            }
                        }
                    }

                    // 千牛卖家中心
                    &:nth-child(7){
                        height: 32px;
                        &:hover{
                            background-color: #fff;
                        }
                        >a{
                            >i{
                                color: #9C9C9C;
                            }
                        }

                        >.sale-center{
                            position: absolute;
                            left:-1px;
                            top:30px;
                            width:100px;
                            height:160px;
                            overflow: hidden;
                            line-height:26px;
                            text-align:center;
                            border:1px solid #F2F2F2;
                            border-top:none;
                            visibility: hidden;
                            background-color: #fff;
                            >a{
                                display: inline-block;
                                width: 100%;
                                height: 24px;
                                line-height: 24px;
                                text-align:center;
                                color: #666666;

                                &:hover{
                                    background-color: #d3d3d3;
                                }
                            }
                        }
                        &:hover>.sale-center{
                            visibility: visible;
                        }
                        &:hover>a{
                            color:#FF4400;
                            >i{
                            color:#FF4400;
                            }
                        }
                    }
                    // 联系客服
                    &:nth-child(8){
                        height: 32px;
                        &:hover{
                            background-color: #fff;
                        }
                        >.shopping-conser{
                            position: absolute;
                            left:-1px;
                            top:30px;
                            width:90px;
                            height:54px;
                            overflow: hidden;
                            line-height:26px;
                            text-align:center;
                            border:1px solid #F2F2F2;
                            border-top:none;
                            visibility: hidden;
                            background-color: #fff;
                            >a{
                                display: inline-block;
                                width: 100%;
                                height: 24px;
                                line-height: 24px;
                                text-align:center;
                                color: #666666;

                                &:hover{
                                    background-color: #d3d3d3;
                                }
                            }
                        }
                        &:hover>.shopping-conser{
                            visibility: visible;
                        }
                        &:hover>a{
                            color:#FF4400;
                            >i{
                            color:#FF4400;
                            }
                        }
                    }
    
                    //网站导航
                    &:nth-child(9){
                        position: relative;
                        padding-right: 15px;
                        z-index:9999999;
    
                        &:hover{
                            background-color:#fff;
                        }
    
                        >.netnavi{
                            position: absolute;
                            right:-180px;
                            top:30px;
                            width:1200px;
                            height:160px;
                            padding-top:20px;
                            line-height:26px;
                            border:1px solid #F2F2F2;
                            border-top:0;
                            visibility: hidden;
                            background-color: #fff;
                            
                            >div{
                                float:left;
                                height:110px;
                                >span{
                                    display:block;
                                    font-size:20px;
                                    font-weight:400;
                                    margin-left:18px;
                                }
                                
                                &:first-child{
                                    width:472px;
                                    // margin-right:10px;
                                    border-right:1px solid #F5F5F5;
    
                                    >span{
                                        color:#F67716;
                                    }
                                    >ul>li{
                                        width:58px;
                                        margin: 5px 18px 0 18px;
                                        &:hover>a{
                                            color:#F67716;
                                        }
                                    }
                                }
    
                                &:nth-child(2){
                                    width:472px;
                                    border-right:1px solid #F5F5F5;
                                    >span{
                                        color:#3B75D9;
                                    }
    
                                    >ul>li{
                                        width:58px;
                                        margin: 5px 18px 0 18px;
                                        &:hover>a{
                                            color:#3B75D9;
                                        }
                                    }
                                }
    
                                &:nth-child(3){
                                    width:200px;
                                    >span{
                                        color:#777777;
                                    }
    
                                    >ul>li{
                                        width:58px;
                                        margin: 5px 18px 0 18px;
                                        &:hover>a{
                                            color:#777777;
                                        }
                                    }
                                }
                                >ul{
        
                                    >li{
                                        float:left;
                                        line-height:26px;
            
                                        >a{
                                            color: #666666;
                                        }
        
                                        &:hover>a{
                                            text-decoration: underline;
                                        }
                                    }
                                }
                            }
    
                        }
                        &:hover>.netnavi{
                            visibility: visible;
                        }
                    } 
                }
            }
    
        }
    }

    // 搜索
    >.header-search>.wrapper-inner{
        height:95px;
        padding: 20px 0 40px 0;
        position:relative;
        >a{
            position: absolute;
            width:181px;
            height: 45px;
        }

        >form{
            position: absolute;
            right:0px;

            >.searchinput{
                float: right;
                width:515px;
                height:35px;
                background-color: #FF4400;
                padding: 3px;
                position: relative;

                >select{
                    float: left;
                    width: 76px;
                    height: 29px;
                    padding-left:16px;
                    outline:none;
                    border:0;
                    border-right: 1px solid #E5E5E5;
                    border-left: 1px solid #E5E5E5;
                    background-color: #F5F5F5;
                    color: #6B6B6B;

                }

                >input{
                    float:left;
                    width:343px;
                    height:29px;
                    outline:none;
                    border:0;
                    text-indent:1em;
                    color:#000;
                }
                >i{
                    position: absolute;
                    left:90px;
                    top: 10px;
                    color: #9C9C9C;
                    font-size: 14px;
                    font-weight: 700;
                }

                >button{
                    width:90px;
                    height:32px;
                    float:right;
                    // margin-top:1px;
                    outline:none;
                    border:0;
                    background-color:#FF0036;
                    font-size:16px;
                    color:#fff;
                    font-weight:700;
                    cursor:pointer;
                    user-select: none;
                }
            }
        }
    }

}
.checkbox-btn{
    width: 15px;
    height: 15px;
    border: 1px solid #C5C5C5;
}
// body
#body{
        // 购物车选项卡
        >.wrapper-inner{
            position: relative;
            >#trolley-now{
                height: 33px;
                border-bottom: 2px solid #E6E6E6;
        
                >#trolley-list{
        
                    >li{
                        float:left;
                        width: 132px;
                        height: 33px;
                        padding-bottom: 18px;
                        text-align: center;
                        border-bottom: 2px solid #E6E6E6;
        
                        // &:hover{
                        //     border-bottom: 2px solid #FF4400;
                        // }
        
                        >a{
                            color: #000;
                            font-size: 16px;
                            font-weight: 700;
                        }
                    }
        
                    >.trolley-under{
                        border-bottom: 2px solid #FF4400;
        
                    }
        
                    >.active>a{
                        color: #FF4400;
                    }
        
                }
        
                >div{
                    width: 990px;
                    display: none;
        
                }
    
                // 选项卡内容
                // 全部商品
                // 多选按钮
                >.all-goods{
                    // 全选行（1）
                    >.choose-row{
                        width: 100%;
                        height: 50px;
    
                        >span{
                            display: inline-block;
                            height: 50px;
                            line-height: 50px;
                            font-size: 12px;
                        }
    
                        // 全选
                        >.choose-all{
                            width: 80px;
                            text-align: center;
                            font-size: 12px;
                        }
                        // 商品信息
                        >.goods-introd{
                            width: 262px;
                            padding-left: 50px;
                        }
                        // 单价
                        >.sin-price{
                            width: 120px;
                            margin-left: 162px;
                        }
                        // 数量
                        >.goods-numbers{
                            width: 120px;
                        }
                        // 金额
                        >.one-price{
                            width: 105px;
                        }
                        // 操作
                        >.choose-opera{
                            width: 99px;
                        }
    
                    }
    
                    // 店铺名
                    >.store-row{
                        width: 100%;
                        height: 38px;
                        padding-left: 15px;
                        >.store-all{
                            display: flex;
                            align-items: center;
                            width: 100%;
                            font-size: 12px;
                            height: 38px;
    
                            >.store-logo{
                                display: inline-block;
                                width: 18px;
                                height: 18px;
                                background-image: url('../img/shopping-spirite.png');
                                background-position: -18px -185px;
                            }
    
                            >a{
                                color: #000;
                                &:hover{
                                    text-decoration: underline;
                                    color: #FF4400;
                                }
                            }
    
                            >.store-service{
                                margin-left: 10px;
                                >a{
                                    display: inline-block;
                                    width: 20px;
                                    height: 20px;
                                    background-image: url('../img/goods-wangwang.gif');
                                    background-position: -80px 0;
                                }
                            }
                        }
                    }
    
                    // 购物车商品
                    >.trolley-products{
                        width: 990px;
                        border: 1px solid #CCCCCC;
                        // 店铺优惠
                        >.store-discount{
                            position: relative;
                            width: 100%;
                            height: 37px;
                            padding-top:9px;
                            font-size: 12px;
                            color: #000;
                            >span:first-child{
                                display: inline-block;
                                background-color: #E7E7E7;
                                padding: 0 5px;
                                margin-left: 50px;
                                margin-right: 20px;
                            }
    
                            // >span:last-child{
                            //     position: absolute;
                            //     width: 5px;
                            //     height: 5ps;
                            //     translate: rotate(45deg);
                            // }
                        }
    
                        // 商品
                        >.trolley-detail{
                            width: 100%;
                            >li{
                                width: 100%;
                                height: 130px;
                                border-top: 1px solid #E8E8E8;
                                background-color: #FCFCFC;
    
                                >span{
                                    float: left;
                                    height: 119px;
                                }
                                // 选择按钮
                                >.select-btn{
                                    width:45px;
                                    padding-top: 20px;
                                    padding-left: 20px;
                                }
                                // 商品图片
                                >.pro-picture{
                                    padding-top: 20px;
                                    
                                    >a{
                                        display: inline-block;
                                        width: 82px;
                                        height: 82px;
                                        border: 1px solid #EEEEEE;
                                        position: relative;
                                        >img{
                                            width:80px;
                                            height:80px;
                                        }
    
                                        &:hover>span{
                                            display: block;
                                        }
    
                                        >span{
                                            position: absolute;
                                            left: 90px;
                                            top: -30px;
                                            width: 262px;
                                            height: 262px;
                                            border: 1px solid #CCCCCC;
                                            padding:10px;
                                            background-color:#fff;
                                            display: none;
                                            z-index: 99999;
                                            >img{
                                                width:100%;
                                                height: 100%;
                                            }
    
                                            >i{
                                                position: absolute;
                                                left: -5px;
                                                top: 40px;
                                                width:10px; 
                                                height: 10px;
                                                border: 1px solid #DFDFDF;
                                                border-color: transparent transparent #DFDFDF #DFDFDF;
                                                transform: rotate(45deg);
                                                background-color: #fff;
                                                z-index: 99;
                                            }
                                        }
                                        }
    
                                        
                                }
    
                                // 商品名
                                >.goods-define{
                                    width: 196px;
                                    padding-top: 20px;
                                    padding-left: 10px;
                                    margin-right: 24px;
                                    >.define-title{
                                        width: 100%;
                                        font-size: 12px;
                                        >a{
                                            color: #000;
                                            &:hover{
                                                color:#FF4400;
                                                text-decoration: underline;
                                            }
                                        }
                                    }
                                    >.user-payway{
                                        height: 73px;
                                        line-height:82px;
                                    }
                                }
    
                                // 产品规格
                                >.goods-standard{
                                    width: 192px;
                                    padding-right: 20px;
                                    font-size: 12px;
                                    color: #9C9C9C;
                                    .appear{
                                        display: block !important;
                                    }
    
                                    .disappear{
                                        display: none !important;
                                    }
                                    >div{
                                        width: 172px;
                                        height: 118px;
                                        padding: 24px 20px;
                                        border: 1px dashed #fff;
                                        position: relative;
                                        background-color: #fff;
                                        // 修改按钮
                                        >.modify-btn{
                                            position: absolute;
                                            top:0;
                                            right: 0;
                                            width: 36px;
                                            height: 20px;
                                            line-height:20px;
                                            text-align:center;
                                            color: #fff;
                                            background-color: #FF4400;
                                            display: none;
                                            cursor: pointer;
                                            transition-delay: 2s;
                                            >.modify-msg{
                                                position:absolute;
                                                top: 60px;
                                                left: -134px;
                                                width: 432px;
                                                height: 182px;
                                                border: 1px solid #CCCCCC;
                                                background-color: #fff;
                                                display: none;
                                                z-index: 99999;
                                                >i{
                                                    position: absolute;
                                                    left: 40px;
                                                    top: -5px;
                                                    width:10px; 
                                                    height: 10px;
                                                    border: 1px solid #DFDFDF;
                                                    border-color: #DFDFDF transparent transparent #DFDFDF;
                                                    transform: rotate(45deg);
                                                    background-color: #fff;
                                                    z-index: 99;
                                                }
                                                
                                                >.modify-left{
                                                    float: left;
                                                    width: 250px;
                                                    height: 180px;
                                                    padding: 30px 10px;
                                                    border-right: 1px solid #CCCCCC;
                                                    font-size: 12px;
                                                    >.m-title{
                                                        float: left;
                                                        width: 60px;
                                                        height: 18px;
                                                        color: #A0A0A0;
                                                    }
                                                    >.m-standard{
                                                        float: left;
                                                        margin-left: 15px;
                                                        >.ch-standard{
                                                            position: relative;
                                                            width: 88px;
                                                            height: 22px;
                                                            line-height: 18px;
                                                            border: 2px solid #FF4400;
                                                            color: #000;
                                                            margin-bottom: 5px;

                                                            &:hover{
                                                                text-decoration: underline;
                                                            }
                                                            >span{
                                                                position: absolute;
                                                                right: 0 ;
                                                                bottom: 0;
                                                                width: 12px;
                                                                height: 12px;
                                                                background-image:url('../img/chick-spirit.png');
                                                                background-position: 0 -39px;
                                                            }
                                                            
                                                        }
    
                                                        >.m-btn{
                                                            width: 120px;
                                                            height: 23px;
                                                            margin-top: 15px;
                                                            text-align: left;   
                                                            color: #000;
                                                            >span:first-child{
                                                                display: inline-block;
                                                                width: 57px;
                                                                height: 23px;
                                                                line-height: 23px;
                                                                text-align: center;
                                                                background-color: #FF5500;
                                                                border-radius: 3px;
                                                                color: #fff;
                                                                margin-right: 12px;
                                                            }
                                                            >span:last-child{
                                                                color: #0B72A4;
    
                                                                &:hover{
                                                                    color: #FF4400;
                                                                    text-decoration: underline;
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
    
                                                >.modify-right{
                                                    float: right;
                                                    width: 180px;
                                                    height: 180px;
                                                    padding: 10px;
                                                    >img{
                                                        width: 160px;
                                                        height: 160px;
                                                    }
                                                }
                                            }
                                        }
                                        >.modify-pen{
                                            display: none; 
                                            // transition-delay: 2s;

                                        }
                                        &:hover{
                                            background-color: #fff;
                                            border-color:#FF4400 !important;
                                            >.modify-btn{
                                                display: block;
                                            }
                                            >.modify-pen{
                                                display: none !important; 
                                            }
                                        }
                                    }
                                    .border-orange{
                                        border-color:#FF4400 !important;
                                    }
                                }
                                &:hover{
                                    >.goods-standard>div{
                                        border: 1px dashed #DBEBFE;
                                        >.modify-pen{
                                            position: absolute;
                                            top:0;
                                            right: 0;
                                            color: #fff;
                                            width: 20px;
                                            height: 16px;
                                            line-height: 16px;
                                            text-align: center;
                                            background-color: #CAD1D8;
                                            display: inline-block;
                                        }
                                    }
                                }
    
                                // 商品单价
                                >.unit-price{
                                    width: 100px;
                                    padding-top: 20px;
                                    padding-left: 10px;
                                    font-size: 12px;
                                    >.previous-price{
                                        color: #9C9C9C;
                                        text-decoration: line-through;
                                    }
                                    >.now-price{
                                        color: #3C3C3C;
                                        font-weight: 700;
                                    }
                                }
    
                                // 商品数量
                                >.goods-counts{
                                    width: 100px;
                                    padding-top: 20px;
                                    
                                    >.reduce-btn,.add-btn{
                                        float: left;
                                        width: 19px;
                                        height: 25px;
                                        text-align: center;
                                        border: 1px solid #E5E5E5;
                                        background-color: #F0F0F0;
                                        color: #343434;
                                        cursor: pointer;
                                        user-select: none;
                                    }
    
                                    >.reduce-btn{
                                        border-right: none;
                                        &:hover{
                                            border: 1px solid #FF4400;
                                            color: #FF4400;
                                            
                                        }
                                    }
                                    >.add-btn{
                                        border-left: none;
                                        &:hover{
                                            border: 1px solid #FF4400;
                                            margin-left: -1px;
                                            color: #FF4400;
                                        }
                                    }
    
                                    >.count-input{
                                        float: left;
                                        width: 41px;
                                        height: 25px;
                                        text-align: center;
                                        outline: none;
                                        border: 1px solid #AAAAAA;
                                        &:focus{
                                            border: 2px solid #000;
                                            border-radius: 4px;
                                        }
                                    }
                                }
                                // 该型号商品总价
                                >.sin-sumprice{
                                    width: 120px;
                                    line-height: 18px;
                                    padding-top: 16px;
                                    font-size: 12px;
                                    >p:first-child{
                                        color: #FF4400;
                                        font-weight: 700;
                                    }
    
                                    >p:last-child{
                                        color: #9C9C9C;
                                    }
                                }
                                // 商品操作
                                >.clear-operation{
                                    width: 99px;
                                    padding-top: 17px;
                                    font-size: 12px;
                                    position: relative;
                                    >p{
                                            line-height:18px;
                                            color: #000;
                                            cursor: pointer;
                                            user-select: none;
                                            &:hover{
                                                text-decoration: underline;
                                                color: #FF4400;
                                            }
                                    }
                                    .choose-sure{
                                                text-decoration: underline;
                                                color: #FF4400;
                                    }
                                    >.like-text{
                                            display:none;
                                            >i{
                                                font-size: 10px;
                                                display:none;
                                            }
                                    }
                                    >div{
                                        position: absolute;
                                        left: -840px;
                                        top: 100px;
                                        >#like-goods {
                                            width: 950px;
                                            height: 359px;
                                            margin: 0 auto;
                                            overflow: hidden;
                                            position: relative;
                                            border: 1px solid #000;
                                            border: 1px solid #FF4400;
                                            background-color: #fff;
                                            padding: 20px 0;
                                            display: none;
                                            z-index: 99999999;
                                            >div {
                                                width: 10000px;
                                                height: 357px;
                                                position: absolute;
                                                left: 0;
                                                font-size: 0;
                                    
                                                >span {
                                                    display: inline-block;
                                                    width: 950px;
                                                    height: 287px;
                                                    
                                                    ul {
                                                        width: 950px;
                                                        height: 287px;
                                                        padding: 0 40px;
                                    
                                                        >li {
                                                            float: left;
                                                            position: relative;
                                                            width: 200px;
                                                            height: 287px;
                                                            margin-right: 20px;
                                                            color: #000;
                                                            font-size: 12px;
                                                            list-style: none;
                                                            >.product-image{
                                                                width: 198px;
                                                                height: 198px;
                                                                >img{
                                                                    width: 198px;
                                                                height: 198px;
                                                                }
                                                            }
                                                            >.product-price{
                                                                width: 198px;
                                                                height: 36px;
                                                                padding: 0 10px;
                                                            }
                                                            >.product-describe{
                                                                width: 198px;
                                                                height: 40px;
                                                                padding: 0 10px;
                                                            }
                                                            >.addto-trolley{
                                                                position: absolute;
                                                                left: 0;
                                                                top: 168px;
                                                                width: 198px;
                                                                height: 30px;
                                                                line-height: 30px;
                                                                text-align: center;
                                                                background-color: rgba(255, 68, 0,.6);
                                                                color: #fff;
                                                                font-size: 12px;
                                                            }
                                                        }
                                                        >li:last-of-type{
                                                            margin-right: 0;
                                                        }
                                                    }
                                                }
                                            }
                                        
                                            >i {
                                                position: absolute;
                                                top: 40%;
                                                font-size: 20px;
                                                color: #666666;
                                                cursor: pointer;
                                                user-select: none;
                                                font-style: normal;
                                                z-index: 9999;
                                            }
                                            >i:first-of-type{
                                            left: 10px;
                                            }
                                            >i:last-of-type {
                                                right: 10px;
                                                font-style: normal;
                                            }
                                        
                                            >p {
                                                position: absolute;
                                                left: 40%;
                                                bottom: 20px;
                                                width: 260px;
                                                height: 5px;
                                                /* background-color: red; */
                                                >i {
                                                    display: inline-block;
                                                    width: 10px;
                                                    height: 10px;
                                                    border-radius: 50%;
                                                    margin: 0 3px;
                                                    background-color: rgba(8, 8, 8, .3);
                                                }
                                                .adactive {
                                                    background-color: #FF4400 !important;
                                                }
                                            }
                                        }
                                    }
    
                                   
                                }
                                &:hover>.clear-operation>.like-text{
                                        display: inline;
                                        &:hover>i{
                                            display: inline;
                                        }
                                }
                            }
                        }
                    }
    
                }
                // 降价商品
                // 库存紧张
                >.show{
                    display: block;
                }
            }
    
            // 结算-1
            >.selected-total{
                position: absolute;
                top: 0px;
                right: 0;
                font-size: 12px;
    
                span{
                    color: #000;
                }
    
                >.total-price{
                    color: #FF4400;
                    font-weight: 700;
                }
    
                >.settle-acc>a{
                    display: inline-block;
                    width: 55px;
                    height: 25px;
                    line-height: 25px;
                    text-align: center;
                    color: #fff;
                    background-color: #AAAAAA;
                    border-radius: 2px;
                }
            }
        }
}

// footer
#footer{
    >.commsg{
        height:194px;
        margin-top:40px;
        
        >.wrapper-inner{
            >.tianmaocom{
                >ul{
                    padding:5px 0;
                    >li{
                        float:left;
        
                        >a{
                            color:#000;
                            font-size:12px;
                            margin-right:3px;
                        }
                    }
                }
            }
            >.alicom{
                >ul{
                    padding:5px 0;
                    >li{
                        float:left;
                        height:35px;
                        line-height:35px;
                        >a{
                            color:#000;
                            font-size:12px;
                            margin-right:3px;
                        }
                    }
                }
            }

            >.lawmsg{
                font-size:12px;
                

                >div{
                    color: #999999;
                    line-height:22px;
                    >span{
                        margin-right:65px;
                        color:#666666;
                        
                        >a{
                            color:#999999;

                            &:hover{
                                text-decoration:underline;
                            }
                        }
                    }

                }

                >.tmintecivl{
                    height:30px;
                    padding:5px 0;

                    >a:first-child{
                        display: inline-block;
                        width:30px;
                        height:30px;
                        margin-right:10px;

                        >img{
                            width:30px;
                            height:30px;
                        }
                    }

                    >a:last-child{
                        display: inline-block;
                        width:80px;
                        height:30px;

                        >img{
                            width:80px;
                            height:30px;
                        }
                    }
                }


            }
        }
    }

}

// 结算
#calculate-bar{
    position: fixed;
    left: 50%;
    bottom: 0;
    width: 990px;
    height:50px;
    margin-left: -495px;
    background-color: #E5E5E5;
    font-size: 12px;
    line-height: 50px;
    color: #3C3C3C;
    z-index: 999999;
    >div{
        >span{
            user-select: none;
            cursor: pointer;
            margin:0 10px;
        }
    }

    // 左边
    >.cal-left{
        float: left;
        height: 50px;

        >span{
            display: inline-block;
            height: 50px;
            >a{
                color: #3C3C3C;
                &:hover{
                    color: #FF4400;
                    text-decoration: underline;
                }
            }
        }

        // 全选按钮
        >.check-all-btn{
            width: 50px;
            margin-left: 5px;
        }
    }

    // 右边
    >.cal-right{
        float: right;
        
        .choosen-num{
            font-size: 16px;
            font-weight: 700;
            color: #FF4400;
        }

        .price-sum{
            font-size: 24px;
            font-weight: 700;
            color: #FF4400;
        }

        >.choosen-goods-num{
            position: relative;
                >i{ 
                    position: absolute;
                    top: -16px;
                    // right: 5%;
                    font-size: 10px;
                }
        }
        >.buy-goods-btn{
            >a{
                display: inline-block;
                width:120px;
                background-color: #B0B0B0;
                font-size: 24px;
                color: #fff; 
                text-align: center;
            }
            margin-right: 0;
            
        }
    }
}